﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<? include "includes/stylecss.php"; ?>
<? include "includes/javascript_header.php"; ?>

<!-- BANNER ROTATIVO - INDEX -->
<script language="Javascript" type="text/javascript" SRC="js/blinds.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		// start the slideshow
		$('.slideshow').blinds();
	});
</script>

</head>
<body id="mainpage">

	<!-- INCLUDE HEADER / MENU -->
	<? include "includes/header_menu.php"; ?>
	
	<div class="sliderTempEdaz">
		<img src="images/ajax-loader-big.gif">
	</div>
	<!--start:sliderbg-->
	<div class="sliderbg">
		<!--start:sliders block-->
		<div id="container">
			<!-- start slideshow images -->
			<div class="slideshow"> 
				<ul> 
					<li><img SRC="images/slider/banner/slides1.jpg" alt="img1" width="940" height="310" /></li> 
					<li><img SRC="images/slider/banner/slides2.jpg" alt="img1" width="940" height="310" /></li>  
					<li><img SRC="images/slider/banner/slides3.jpg" alt="img1" width="940" height="310" /></li>  
					<li><img SRC="images/slider/banner/slides4.jpg" alt="img1" width="940" height="310" /></li> 
				</ul> 
			</div> 
			<!-- end slideshow images -->
			<div class="blind_nav">
				<a href="#" class="change_link" onclick="showSlide(0);"><img SRC="images/slider/button/slide1thumb.png"/></a>
				<a href="#" class="change_link" onclick="showSlide(1);"><img SRC="images/slider/button/slide2thumb_hover.png"/></a>
				<a href="#" class="change_link" onclick="showSlide(2);"><img SRC="images/slider/button/slide3thumb.png"/></a>
				<a href="#" class="change_link" onclick="showSlide(3);"><img SRC="images/slider/button/slide4thumb.png"/></a>
			</div>
		</div>
		<!-- end: sliders block -->
	</div>
	<!-- end: sliderbg -->
	
	<!-- Start: main -->
	<div id="main">
		<!-- Start: Rightpart -->
		<div id="content">
			<div class="box">
			<h2>Seja bem vindo à Edaz Commerce! </h2>
			<p>A EdazCommerce tem soluções completas em comércio   eletrônico para alavancar as vendas de seu negócio em todo o território nacional. Conheça a EdazCommerce e saiba porque somos a escolha certa para o seu negócio. <a href="empresa.php">Saiba mais</a> sobre a Edazcommerce ou <a href="javascript: solicitarProposta();">Solicite um orçamento</a> conosco.</p>
			</div>
		</div>
		<!-- Start: sidebar -->
		<div id="sidebar">
			<div class="box">
				<!-- start: featurelist -->
				<ul class="featurelist">
					<li>
					  <p><img SRC="images/sadd.png"/>Estabilidade e Segurança nas suas transações. </p>
					</li>
					<li>
					  <p><img SRC="images/sinfo.png"/>Layout  customizavel e sistema totalmente administrável.</p>
					</li>
					<li>
					  <p><img SRC="images/schart.png"/> Sistema totalmente otimizado para buscas SEO. </p>
					</li>
					<li>
					  <p><img SRC="images/scomment.png"/> Suporte online 24 horas por dia. </p>
					</li>
					<li>
					  <p><img SRC="images/sbar.png"/>Ganhe mais clientes, ganhe mais dinheiro com a EdazCommerce. </p>
					</li>															
				</ul>
				<!-- end: featurelist -->
			</div>
		</div>
    	<!-- end: sidebar -->

    	<!-- end: content -->
		<div class="divider"></div>
		
		<div class="fullwidth">
			<!-- Start boxes -->
			<div class="feature-box abouticon">
			<h3>Nossa Plataforma:</h3>
			<p>Com uma interface totalmente   customizável de acordo com o cliente e aliado a um sistema completo de   gerenciamento na parte de backoffice, sua empresa terá em mãos uma   poderosa ferramenta para competir com gigantes do ramo. <a href="./lojaVirtual.php">Saiba mais!</a></p>
			</div>

			<div class="feature-box  freelanceicon">
			<h3>Por que nos escolher?</h3>
			<p>Ter uma loja online hoje em dia, no auge do poder das redes sociais, é um diferencial significativo.<br />
			  Sua marca e produto serão divulgados com todo o poder do marketing online para uma imensurável quantidade de pessoas e com baixíssimo custo. É considerado uma utopia para quem tem um negócio.</p>
			</div>

			<div class="feature-box  blogicon">
			<h3>Sucesso + Custo benefício:</h3>
			<p>Obter sucesso dentro do comércio   eletrônico exige um trabalho consistente de divulgação. A propaganda   certa unida à nossa robusta plataforma levam você e sua empresa a   alcançarem o sucesso.</p>
			</div>
			
			<div class="feature-box  serviceicon">
			<h3>Lucro a curto prazo:</h3>
			<p>Com nossa ferramenta você não vai se preocupar com domingos e feriados. Sua loja ficará aberta 24 horas por dia nos 7 dias da semana e nos 365 dias no ano.<br />
			</p>
			</div>
			<!-- end boxes -->
		</div>
		<!-- end: fullwidth -->

	</div>
	<!-- end: main -->
</div>
<!-- end: wrapper -->

<div class="clear"></div>

<!-- FOOTER -->
<? include "includes/footer.php"; ?>

<script>
	var intervalSlider,
		temporizadorSlider,
		arraySlider,
		slideAtual,
		qtdeTotalSlides;
	
	temporizadorSlider = 8000;
	
	$(document).ready(function(){
		var arrayTepmp,
			slideshow,
			elementoIMG;
		
		/* Popula Array Com os Elementos do Slider */
		arraySlider = new Array();
		$('.blind_nav a').each(function(index){
			slideshow 	= index;
			elementoIMG = $(this).children('img').eq(0);
			
			arrayTepmp  = new Array();
			arrayTepmp['slideshow'] = slideshow;
			arrayTepmp['img'] 	    = elementoIMG;
			arraySlider[index] 	    = arrayTepmp;
		});
		
		/* Inicia o Slider */
		slideAtual 	 	= 0;
		qtdeTotalSlides = arraySlider.length;
		
		/* Oculta o Carregando */
		$('.sliderTempEdaz').fadeOut('slow', function(){
			$('.sliderbg').css('visibility','visible');
		});
		
		/* Mostra o Primeiro Slider */
		mostraSlide(0);
		intervalSlider = setInterval("mostraSlide()", temporizadorSlider);
	});
	
	function showSlide(slide){
		slideAtual = slide;
		mostraSlide(slide);
		intervalSlider = clearInterval(intervalSlider);
		intervalSlider = setInterval("mostraSlide()", temporizadorSlider);
	}
	
	function mostraSlide(){
		var arrayTemp 	= arraySlider[slideAtual];
		var elementoIMG = arrayTemp['img'];
		var srcElementoIMG_OLD;
		var srcElementoIMG_NEW;
		
		/* Aplica o Slide */
		$('.slideshow').blinds_change(arrayTemp['slideshow']);
		
		/* Troca o Botão do Slide */
		$('.blind_nav a img').each(function(){
			if($(this).attr('src').toLowerCase().indexOf('hover') != -1){
				srcElementoIMG      = $(this).attr('src').replace('_hover','');
				$(this).attr('src',srcElementoIMG);
			}
		});
		srcElementoIMG_NEW = $(elementoIMG).attr('src').replace('\.','_hover.')
		$(elementoIMG).attr('src',srcElementoIMG_NEW)
		
		if(slideAtual == qtdeTotalSlides-1){
			slideAtual = 0;
		}else{
			slideAtual++;
		}
	}
	
	function sliderTemporizador(){
		mostraSlide();
		window.setTimeout("sliderTemporizador()", temporizadorSlider);
	}
	
</script>

</body>
</html>